<!--
*  功能描述：合同收款综合统计收费反填
 -->
 <template>
    <div>
        <div>
            
    <el-tag style="width: 100%; text-align: left; font-size: 20px"
      >查询合同收款明细</el-tag
    >
    <h2>合同收费基本信息</h2>
      <el-descriptions :model="CustomerData" :column="5" border>
        <el-descriptions-item label="合同名称" style="height:20px">
          <el-input disabled v-model="CustomerData.ContractName" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="合同额(万元)">
          <el-input disabled v-model="CustomerData.OriginalContractPrice" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="实收总额(万元)">
          <el-input disabled v-model="CustomerData.RealyContractPrice" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
      </el-descriptions>
      <h2>收费信息统计报表</h2>
      <el-descriptions :model="EditInfo" :column="1" border>
        <el-descriptions-item label="收款额" style="height:20px">
          <el-input disabled v-model="EditInfo.RealyContractPrice" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="汇款人">
          <el-input disabled v-model="EditInfo.ContractName" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="入账人">
          <el-input disabled v-model="EditInfo.ProjectDirector" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="收款时间">
          <el-input disabled v-model="EditInfo.CreateTime" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          <el-input disabled v-model="EditInfo.ContractRemarks" placeholder="请输入内容"></el-input>
        </el-descriptions-item>
      </el-descriptions>
    </div>
    </div>
</template>
<script>
export default{
    data(){
        return {
            CustomerData: [],
            EditInfo:[],
        }
    },
    created(){
        this.editCustInfoEdit ();
    },
    methods:{
        editCustInfoEdit () {
            var ContractId = this.$route.params.ContractId
      this.$http({
        url: "LeadingCockpit/FindInfo",
        method: "Get",
        params: {
          ContractId: ContractId,
        },
      }).then((res) => {
        this.CustomerData = res.data;
        this.EditInfo=res.data;
      });
        
    },
    
    }
}
</script>